@import '~tracim_frontend_lib/src/css/Variable.styl'

.custom-form
  height 100%
  &__header
    &__editionmode
      display none
    &__icon
      .fa-file-text-o
        color white
  &__lastversionbtn
    & > i
      font-size titleFontSize
  .selectStatus
    margin-inline-end standardSpacing
  &__contentpage
    width 100%
    &__left
      &__wrapper
        height 100%
        padding standardSpacing standardSpacing 0
        overflow-y auto
    &__content
      height calc(100% - 130px)
    &__textnote
      border-radius standardBorderRadius
      padding 25px
      height 100%
      overflow-y auto
      background-color offWhite
      &__state
        display flex
        align-items center
        justify-content space-between
        margin-bottom standardSpacing
        padding 5px standardSpacing
        background-color #fee498
        border-radius standardBorderRadius
        &__msg > i
          margin-inline-end textSpacing
        &__btnrestore
          cursor pointer
          & > i
            margin-inline-end textSpacing
          &.link
            color #453d9b
            &:hover
              color #1a0dab
              text-decoration underline
      &__version
        display flex
        justify-content flex-end
        align-items center
        text-align end
        opacity 0.7
      &__lastversion
        margin-inline-start standardSpacing
        font-weight bold
      &__text
        font-size metadataFontSize
      &__edition
        display none
    &__messagelist
      min-height 70px
      &__item
        &__content
          color offBlack
      &__version
        background-color lightGrey1
        &__btn
          padding 5px 25px
          border-radius standardBorderRadius
          width 145px
          color white
          font-size 17px
          & > i
            margin-inline-end standardSpacing
            color offBlack
            font-size titleFontSize
        &__date
          color fontColor
          font-size 17px

.messagelistOpen
  .timeline__messagelist
    flex 0
    min-height 0

i
  &.glyphicon
    display none
.btn-add
  &::after
    content '\f067'
    font: normal normal normal 21px/1 FontAwesome
  &:disabled
    display none
.array-item-move-up
  &::after
    content '\f077'
    font: normal normal normal 21px/1 FontAwesome
  &:disabled
    display none
.array-item-move-down
  &::after
    content '\f078'
    font: normal normal normal 21px/1 FontAwesome
  &:disabled
    display none
.array-item-remove
  &::after
    content '\f00d'
    font: normal normal normal 21px/1 FontAwesome
  &:disabled
    display none
.array-item
  width 100%
  margin 1%
.array-item-add
  width 100%
  margin 1%
.btn-add
  width 50%
.field-description
  font-style italic

.mde-tabs > button
  display none

// MEDIAQUERIES

@media (min-width: min-sm) and (max-width: max-lg)
  .custom-form
    &__contentpage
      &__left
        &__wrapper
          padding 0
      &__content
        margin standardSpacing
      &__textnote
        margin 0

@media (max-width: max-xs)
  .custom-form
    &__contentpage
      &__left
        &__wrapper
          padding 0
      &__content
        margin standardSpacing
      &__textnote
        margin 0
